<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>11_文本属性-行高-细说行高-行高的值不要和font-size的值一致</title>
    
        <style>
            div {
                height: 500px;
                /* border: 1px solid black; */
                background-color: aquamarine;

                font-size: 50px;

                /* （1）line-height不要设置和font-size一致 
                        行高越高  基线向下   文字也就靠下
                        行高越小  基线向上   文字也就靠上

                        如果行高小于font-size 那么文字就可能在浏览器中丢失部分
                        显示不完全

                        行高为负数 则为normal
                
                */
                line-height: 50px;
            }
        </style>
    
    </head>
    <body>
        <div>
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
            什么的节奏最呀最摇摆g
        </div>
    </body>
</html>